<template>
	<div id="app">
		<el-config-provider :locale="locale">
			<router-view />
		</el-config-provider>
	</div>
</template>

<script lang="ts">
import "./assets/css/reset.css"
import "./assets/css/base.less"
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'

export default {
	name: "App",
	components: {
		ElConfigProvider
	},
	setup() {
		return {
			locale: zhCn
		}
	}
}
</script>

<style scoped>
#app {
	overflow-x: hidden;
}
</style>
<style lang="less">
body {
	--themeColor: #0090ec;
	--assistColor: #0066a8;
}

* {
	font-family: Microsoft YaHei;
	font-size: 12px;
}

#app {
	overflow: auto;
}

.form-flex {
	display: flex;
}

.coll {
	border-radius: 4px;
	border: 1px solid #ebeef5;
	background-color: #fff;
	// box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
	margin-top: 15px;
	padding: 0 15px;
}

.el-loading-mask.is-fullscreen {
	background-color: rgba(10, 10, 10, 0.5);
}

button {
	font-family: Microsoft YaHei;
}

.el-table td {
	padding: 6px 0;
}

.el-table .cell {
	line-height: 20px;
}

.el-table {
	.el-table__body-wrapper {
		tr {
			td {
				color: #000000;
			}
		}
	}
}

i.close-right {
	position: absolute;
	right: 5px;
}

.el-dialog {
	margin-bottom: 10px;
}

.beautify_dialog {
	.el-dialog__header {
		padding: 10px;

		.el-dialog__headerbtn {
			top: 10px;

			.el-icon-close {
				font-size: 16px;
			}
		}

		.el-dialog__title {
			font-weight: 700;
			font-size: 14px;
		}
	}

	.el-dialog__body {
		padding: 5px 16px 10px;
	}
}

.blord {
	color: #333333;
	font-size: 13px;
	font-weight: 600;
}

.table_height_limit {
	height: 70px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: pre-wrap;
	border: 1px #bcbcbc solid;
	padding: 3px 5px;
	text-align: left;
}

.content-log {
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 5px;

	.log-container {
		max-height: 450px;
		height: 100%;
		overflow: auto;
	}
}
</style>
